06. Minified CSS Files

To use the Bootstrap files, just copy the CSS and JS folders into your project folder. Don't forget to include the files in your head element:

<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/bootstrap.min.js"></script>

NOTE: CSS minification does not happen automatically by default, therefore if you edit your un-minified CSS file, but include the minified version in your HTML, the page will not use the updated CSS by default.

You can manually minify your CSS using a site like http://cssminifier.com/.

You can also use a more advanced and automated workflow where minified CSS files get created automatically using a build system like Grunt, Gulp, or webpack.